/**
 * location 定位小图标
 * 说明：使用div标签，加上icon-location类样式即可。
 * 但需要放置在一个容器中，调整容器大小，图标能自适应容器大小。
 * 示例：
 * <div class="icon-location-box">
 * <div class="icon-location"></div>
 * </div>
 */
.icon-location {
 position: relative;
 width: 100%; /*先画一个正方形*/
 height: 100%;
 border-radius: 50% 50% 50% 0; /*然后将三个角变成圆角*/
 background: #fff;
 transform: rotate(-45deg); /*最后，旋转45度*/
}
.icon-location:after { 
 content: '';
 width: 40%;
 height: 40%;
 margin: 30% 0 0 29%;
 background-color: #0097FF;
 position: absolute;
 border-radius: 50%;
}